// pages/logs/Home/Home.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    //默认device_id为无
    device_id: '无',
    //组件tab_bar中的“首页”和“我的”
    currentid1: "点击首页",
    currentid2: "未点击我的",
    bcg: [
      getApp().globalData.server + '/Data/img/system_preferences.png',
      '/pages/images/knowledge_the_stadium.png'  
      ],
    Frame:[],
    hideFlag: true,//true-隐藏  false-显示
    animationData: {},//动画数据

    coupons: [],
    total_coupons: 0
  },

  //利用自定义顶部导航tab_bar组件实现首页和我的页面的跳转
  tapfun1:function(event){
    console.log(event.currentTarget.id)
    // if (event.currentTarget.id == '点击首页'){
    //   this.setData({
    //     currentid1: "点击首页",
    //     currentid2: "未点击我的"
    //   })
    //   wx.reLaunch({
    //     url: '/pages/Home/Home',
    //   })
    // }
    if (event.currentTarget.id == '未点击我的'){
      this.setData({
        currentid1: "未点击首页",
        currentid2: "点击我的"
      })
      wx.reLaunch({
        url: '/pages/group_buy/group_buy',
      })
    }
    // if (event.currentTarget.id == '未点击首页'){
    //   this.setData({
    //     currentid1: "点击首页",
    //     currentid2: "未点击我的"
    //   })
    //   wx.reLaunch({
    //     url: '/pages/Home/Home',
    //   })
    // }
    // if (event.currentTarget.id == '点击我的'){
    //   this.setData({
    //     currentid1: "未点击首页",
    //     currentid2: "点击我的"
    //   })
    //   wx.reLaunch({
    //     url: '/pages/group_buy/group_buy',
    //   })
    // }
    console.log(this.data.currentid1)
    console.log(this.data.currentid2)
  },

  //扫一扫
  scan:function(event){
    //调用微信扫一扫功能扫描二维码识别装置
    // 只允许从相机扫码
    wx.scanCode({
      onlyFromCamera: true,
      success (res) {
        // console.log(res)
        // console.log(res.result)
        let device_id = res.result.replace(/[^\d]/g, "");     //利用正则表达式提取出二维码中的device_id
        //给全局中的device_id赋值
        getApp().globalData.device_id = device_id
        wx.reLaunch({
          url: '/pages/Home/Home',
        })
      }
    })
  },

  //取消
  mCancel: function () {
    var that = this;
    that.hideModal();
  },

  //跳转到团购页面
  to_appointment:function(e){
    wx.navigateTo({
      url: '/pages/appointment/appointment',
    })
  },
 
  // ----------------------------------------------------------------------modal
  // 显示遮罩层
  showModal: function (e) {
    console.log("已点击弹框模块:" + e.currentTarget.id)
    // 根据传入的id判断打开弹窗
    this.setData({
      Frame: e.currentTarget.id
    })
    console.log(this.data.Frame) 

    var that = this;
    that.setData({
      hideFlag: false
    })
    // 创建动画实例
    var animation = wx.createAnimation({
      duration: 500,//动画的持续时间
      timingFunction: 'ease',//动画的效果 默认值是linear->匀速，ease->动画以低速开始，然后加快，在结束前变慢
    })
    this.animation = animation; //将animation变量赋值给当前动画
    var time1 = setTimeout(function () {
      that.slideIn();//调用动画--滑入
      clearTimeout(time1);
      time1 = null;
    }, 100)
  },
 
  // 隐藏遮罩层
  hideModal: function () {
    var that = this;
    var animation = wx.createAnimation({
      duration: 400,//动画的持续时间 默认400ms
      timingFunction: 'ease',//动画的效果 默认值是linear
    })
    this.animation = animation
    that.slideDown();//调用动画--滑出
    var time1 = setTimeout(function () {
      that.setData({
        hideFlag: true
      })
      clearTimeout(time1);
      time1 = null;
    }, 220)//先执行下滑动画，再隐藏模块
    
  },
  //动画 -- 滑入
  slideIn: function () {
    this.animation.translateY(0).step() // 在y轴偏移，然后用step()完成一个动画
    this.setData({
      //动画实例的export方法导出动画数据传递给组件的animation属性
      animationData: this.animation.export()
    })
  },
  //动画 -- 滑出
  slideDown: function () {
    this.animation.translateY(600).step()
    this.setData({
      animationData: this.animation.export(),
    })
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {

    if(options.q){//这个q就是扫描二维码获取的参数格式为：?device_id=1
      let params=this.$utils.localParam(decodeURIComponent(options.q)).search; //localParam是把获取的参数转成json格式，localParam代码内容看下面
      this.setData({
        device_id: params.device_id
      })
      console.log(params.device_id)
    }else{
      this.setData({
        device_id: options.device_id
      })
      console.log(options.device_id)
    }


    console.log(wx.getStorageSync('openId')), 
    wx.request({
      url: getApp().globalData.server + '/index.php/Home/QiuBao/Find_Bill',
      data:{
        user_id: wx.getStorageSync('openId'), 
      },
      method:"POST",
      header: {
        'content-type': "application/x-www-form-urlencoded"
      },
      method: 'POST',
      dataType: 'json',
      success:function(res){
        // console.log(res)
        if(res.data.error_code != 0){
          // wx.showModal({
          //   title:'哎呀~',
          //   content:'出错了呢！' + res.data.msg,
          //   success(res){
          //     if(res.confirm){
          //       console.log('用户点击确定')
          //     }else if(res.cancel){
          //       console.log('用户点击取消')
          //     }
          //   }
          // })
        }else if(res.data.error_code == 0){
          // console.log(res.data.data)
          for (let i = 0; i < res.data.data.length; i++) {
            if (res.data.data[i].bill_status=="未支付") {
              getApp().globalData.unpaid = true
              getApp().globalData.unpaid_info = res.data.data[i]
              break
            }
            getApp().globalData.unpaid = false
            getApp().globalData.unpaid_info = []
          } 
          console.log(getApp().globalData.unpaid)
          console.log(getApp().globalData.unpaid_info)
          // console.log(that.data.bill_info[0].coupon_price)
        }
      },
      fail:function(res){
        // wx.showModal({
        //   title:'哎呀~~',
        //   content:'网络不在状态呢！',
        //   success:function(res){
        //     if (res.confirm) {
        //       console.log("用户点击确定")
        //     } else if (res.cancel) {
        //       console.log("用户点击取消")
        //     }
        //   }
        // })
      },
      complete:function(res){
        wx.hideLoading({
          success: (res) => {},
        })
      }
    })
  },


  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
    console.log("开始调用Home中的onshow")
    //获取全局中的device_id
    this.setData({
      device_id: getApp().globalData.device_id
    })
    //与服务器交互---查找用户使用设备信息接口
    var that = this
    wx.request({                                
      url: getApp().globalData.server + '/index.php/Home/QiuBao/Find_Coupons',
      data:{
        user_id: wx.getStorageSync('openId'), 
      },
      method:"POST",
      header: {
        'content-type': "application/x-www-form-urlencoded"
      },
      dataType: 'json',
      success:function(res){
        console.log(res)
        if(res.data.error_code != 0){
          wx.showModal({
            title:'哎呀~',
            content:'出错了呢！' + res.data.msg,
            success(res){
              if(res.confirm){
                console.log('用户点击确定')
              }else if(res.cancel){
                console.log('用户点击取消')
              }
            }
          })
        }else if(res.data.error_code == 0){
          //在全局中赋值优惠卷数量
          console.log(res.data.data)
          that.setData({
            coupons:res.data.data
          })
          console.log(that.data.coupons)

          var total_coupons = 0
          for (let index = 0; index < that.data.coupons.length; index++) {
            const element = that.data.coupons[index];
            total_coupons = (element.coupon_num - 0) + total_coupons  //减0是为了把字符型转换为整形
          }
          that.setData({
            total_coupons:total_coupons
          })

          console.log('我是优惠卷总数：' + that.data.total_coupons)
          //给全局变量，让其他模块也可以调用
          getApp().globalData.coupons = that.data.coupons
          getApp().globalData.total_coupons = that.data.total_coupons
        }
      },
      fail:function(res){
        wx.showModal({
          title:'哎呀~~',
          content:'网络不在状态呢！',
          success:function(res){
            if (res.confirm) {
              console.log("用户点击确定")
            } else if (res.cancel) {
              console.log("用户点击取消")
            }
          }
        })
      },
      complete:function(res){
        wx.hideLoading({
          success: (res) => {},
        })
      }
    })

    wx.showLoading({
      title: '加载中',
    })

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})